<template>
  <div class="outer">
   <Tag title="美食">
      <img width="200" src="../幼年我爱罗.jpeg" alt="">
   </Tag>
   <Tag title="游戏">
    <ul>
      <li>CF</li>
      <li>DNF</li>
      <li>LoL</li>
    </ul>
   </Tag>
   <Tag title="电影">
      <img width="200" src="../我爱罗.jpeg" alt="">
      <p>666</p>
   </Tag>
  </div>
</template>

<script>
import Tag from '@/components/Tag'
export default {
  name:'App',
  components:{
    Tag
  }
}
    
</script>

<style scoped>
.outer {
  width: 800px;
  display: flex;
  justify-content: space-between;
}
</style>